<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

    <body>

        <ui:composition template="./../index.xhtml">
            <ui:define name="title">Liên hệ</ui:define>
            <ui:define name="sum1">
                <div class="row" style="background-color: #efefef">
                    <div class="container" style="display: block;background: #e7e7e7">
                        <div class="row" >
                            <b class="col-md-12 singup" >
                                TRANG CHỦ | LIÊN HỆ CHÚNG TÔI
                            </b>
                        </div>
                        <div class="col-md-2 shadowbox " style="background: #e7e7e7">
                            <a href="#"><b>Về chúng tôi</b></a><br></br>
                            <a href="#"><b>Điều khoản sử dụng</b></a><br></br>
                            <a href="#"><b>Liên hệ</b></a><br></br>
                        </div>
                        <div class="col-md-10 shadowbox"  style="background: #ffffff">
                            <div class="row">
                                <b class="num1"> LIÊN HỆ</b>
                            </div>
                            <div class="col-md-7" >
                                <img style="width: 100%" src="../resources/images/maps.png" alt=""/>
                            </div>
                            <div class="col-md-5" style="font-size: 12px">
                                <div class="col-md-2">
                                    <img src="../resources/images/flag.png" alt=""/>
                                </div>
                                 <div class="col-md-10" style="border-bottom: 1px solid #e7e7e7">
                                    <h3>IDU EDUACATION</h3>
                                    <p>PO Box 7318036</p>
                                    <p>12/1 Rahmat Ganj</p>
                                </div>
                                <div class="col-md-2">
                                    <img src="../resources/images/map-point.png" alt=""/>
                                </div>
                                <div class="col-md-10" style="border-bottom: 1px solid #e7e7e7">
                                    <h3>ĐỊA CHỈ</h3>
                                    <p>PO Box 7318036</p>
                                    <p>12/1 Rahmat Ganj</p>
                                </div>
                                <div class="col-md-2">
                                    <img src="../resources/images/phone.png" alt=""/>
                                </div>
                                  <div class="col-md-10" style="border-bottom: 1px solid #e7e7e7">
                                    <h3>ĐIỆN THOẠI</h3>
                                    <p>PO Box 7318036</p>
                                    <p>12/1 Rahmat Ganj</p>
                                </div>
                            </div>
                            <div class="col-md-5" >
                                <div class="row">
                                    Họ và tên &nbsp;<b style="color: red">*</b>
                                </div>
                                <div class="row">
                                   <input class="col-md-10 input borderInput" type="text"></input>
                                </div>
                                <div class="row">
                                    Email &nbsp;<b style="color: red">*</b>
                                </div>
                                <div class="row">
                                   <input class="col-md-10 input borderInput" type="text"></input>
                                </div>
                                <div class="row">
                                    Số điện thoại &nbsp;<b style="color: red">*</b>
                                </div>
                                <div class="row">
                                   <input class="col-md-10 input borderInput" type="text"></input>
                                </div>
                            </div>
                            <div class="col-md-7" >
                                <div class="row">
                                    Yêu cầu &nbsp;<b style="color: red">*</b>
                                </div>
                                <div class="row">
                                    <textarea name="textarea" class="control_textarea col-md-10 borderInput" rows="8" cols="90"></textarea>
                                    <!--<textarea class="control_textarea col-md-10 borderInput"   name="content"></textarea>-->
                                </div>
                                <div class="row">
                                    <a href="#"><b class="login" style="padding-left: 20px;padding-right: 20px">Gửi</b></a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </ui:define>

        </ui:composition>

    </body>
</html>
